﻿@{
    ViewBag.Title = "lound speaker";
    Layout = "~/Views/Shared/_LayoutContent.cshtml";
}
<script src="@Url.Content("~/Scripts/jquery.ad-gallery.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.fancybox.pack.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        var galleries = $('.ad-gallery').adGallery({
            slideshow: { enable: true, autostart: true }
        });
        $('.ad-image').live("click", function () {
            $.fancybox.open({
                href: $(this).find("img").attr("src"),
                closeBtn: true,
                closeClick: true,
                openEffect: 'elastic',
                openSpeed: 150,
                closeEffect: 'elastic',
                closeSpeed: 150,
                helpers: { overlay: null }
            });
        });
    });    
</script>
<div class="homeService">
    <div class="title">
        @Html.Raw("Loud speaker")
    </div>
    <hr style="border-top: 1px dotted #aaa; border-bottom: 0 none; border-left: 0 none;
        border-right: 0 none; width: 100%;" />
    <div class="contentServices" style="width: 661px; margin: 0px auto;">
        <center>
            <div class="ad-gallery">
                <div class="ad-image-wrapper">
                </div>
                <div class="ad-controls">
                </div>
                <div class="ad-nav" style="display: none;">
                    <div class="ad-thumbs">
                        <ul class="ad-thumb-list">
                            @foreach (SelectListItem obj in ViewBag.lstImage)
                            {
                                string strUrl = Url.Content(obj.Text);
                                <li><a href="@strUrl">
                                    <img src="@strUrl" alt="@obj.Value" width="100" height="100"/>
                                </a></li>
                            }
                        </ul>
                    </div>
                </div>
            </div>
        </center>
    </div>
</div>
